.warp{
	position: relative;
	width:100%;
	height:100vh;
	overflow: hidden;
}
.warp-bg{
	position: absolute;
	display: block;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.warp-form{
	position: absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	width:640rpx;
	height:620rpx;
	background:#fff;
	border-radius: 10rpx;
}
.warp-form-title-box{
	width:100%;
	height:92rpx;
	margin-top: 26rpx;
	padding-left:62rpx;
	margin-bottom:74rpx;
}
.warp-form-title{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 218rpx;
	height:92rpx;
	border-bottom:4rpx solid #222D32;
	font-size:32rpx;
	font-weight: bold;
	color:#222D32;
}
.warp-form-input-box{
	width:100%;
	margin-bottom:80rpx;
	padding:0 100rpx;
}
.warp-form-input-item{
	width:100%;
	height:64rpx;
	display: flex;
	align-items: center;
	margin-bottom:50rpx;
	border-bottom: 1rpx solid rgba(34, 45, 50, .2);
	padding:0 10rpx;
}
.warp-form-input-item-icon{
	margin-right: 20rpx;
}
.warp-form-input-item-int{
	font-size:26rpx;
	color:#929292;
}
.warp-form-btn-box{
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height: 80rpx;
}
.warp-form-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width:500rpx;
	height:80rpx;
	font-size:30rpx;
	color:#fff;
	font-weight: bold;
	background:#222D32;
	border-radius: 20rpx;
}